
@bg: #f8f8f8;
@red: #f00;
@black: #0C0C0C;
@gray3: #333;
@gray6: #666;
@gray9: #999;
@gray: #f5f5f5;
@yellow: #fad145;
@orange: #ffa200;
@green: #096;
@blue: #45a9f5;
@line: #f8f8f8;
@bg-yellow: #f9f5ec;
@main-theme-color:#008afe;
.text-e(@x: 1) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: @x;
  -webkit-box-orient: vertical;
}
.cl() {
  clear: both;
  &:after {
  display: block;
  clear: both;
  height: 0;
  content: "\200B";
  }
}
// 三角
.triangle(bottom, @w:5px, @c:#ccc){
  font-size: 0;
  border-width: @w;
  border-color: @c transparent transparent transparent;
  border-style: solid dashed dashed dashed;
  border-bottom: 0;
}
.triangle(top, @w:5px, @c:#ccc){
  font-size: 0;
  border-width: @w;
  border-color: transparent transparent @c transparent;
  border-style: dashed dashed solid dashed;
  border-top: 0;
}
.triangle(left, @w:5px, @c:#ccc){
  font-size: 0;
  border-width: @w;
  border-color: transparent @c transparent transparent;
  border-style: solid dashed dashed dashed;
  border-left: 0;
}
.triangle(right, @w:5px, @c:#ccc){
  font-size: 0;
  border-width: @w;
  border-color: transparent transparent transparent @c;
  border-style: dashed dashed solid dashed;
  border-right: 0;
}
.triangle(lefttop, @w:5px, @c:#ccc){
  font-size: 0;
  width: 0;
  height: 0;
  border-top: @w solid @c;
  border-right: @w solid transparent;
}
.triangle(righttop, @w:5px, @c:#ccc){
  font-size: 0;
  width: 0;
  height: 0;
  border-top: @w solid @c;
  border-left: @w solid transparent;
}
.triangle(leftbottom, @w:5px, @c:#ccc){
  font-size: 0;
  width: 0;
  height: 0;
  border-bottom: @w solid @c;
  border-right: @w solid transparent;
}
.triangle(rightbottom, @w:5px, @c:#ccc){
  font-size: 0;
  width: 0;
  height: 0;
  border-bottom: @w solid @c;
  border-left: @w solid transparent;
}
.main-theme-color {
	color:@main-theme-color !important;
}
.main-theme-bgcolor {
	background:@main-theme-color !important;
}